<HTML>
<HEAD>
<TITLE>JavaScript Source Code 3000:  Navigation:  Mixed Pulldown Menu (Frames)</TITLE>
<META HTTP-EQUIV="JavaScript Source Code 3000" CONTENT = "no-cache">
<META NAME="date" CONTENT="2000-09-09">
<META NAME="channel" CONTENT="Web Developer">
<META NAME="author" CONTENT="JavaScript Source Code 3000">
<META NAME="section" CONTENT="Navigation">
<META NAME="description" CONTENT="This script allows your pulldown menu to individually load menu items either in frames or in their own popup window based on how you configure them.  Just remember to make sure it is clear on your site which kind each menu item is, though.">
</HEAD>

<BODY BGCOLOR=#ffffff vlink=#0000ff>

<BR>
<center>
<table width="600" cellpadding="0" cellspacing="10">
<tr>
<td width="468" align="center">

	
</td>
<td width="120" align="center">

	
</td>
</tr>
</table>
<BR>
<BR>
<BASEFONT SIZE=3>
  <FONT SIZE=6>
<B><FONT SIZE="+2" FACE="Helvetica,Arial" ALIGN=RIGHT COLOR="#0000FF">
<b><A HREF="../index.htm" /" TARGET="_top">
Home</A> </b><img src="../img/arrow.gif" /img/arrow.gif" height=13 width=7 border=0 alt="}"> <b><A HREF="index.htm" /navigation/"><font color="#FF0000">Navigation</font></A> </b>
<img src="../img/arrow.gif" /img/arrow.gif" height=13 width=7 border=0 alt="}"> <FONT COLOR="#006666">Pulldown Menu (Frames)</FONT></b></FONT><BR>
</B><BR>
  </FONT>
<TABLE BORDER=0 WIDTH=500 CELLPADDING=3 CELLSPACING=0>
<tr><td><font FACE=" helvetica,arial,geneva">
<br>
<br>
<!-- Description --><!--content_start-->

This script allows your pulldown menu to individually load menu items either in frames or in their own popup window based on how you configure them.  Just remember to make sure it is clear on your site which kind each menu item is, though.<br><hr>
</td></tr>
</table>
<!--  Demonstration -->
<CENTER><a href="mixed-menu-frames-demo.html" /navigation/mixed-menu-frames-demo.html" target="_new">Click here for a demonstration of the Mixed Pulldown Menu (Frames Script)</A></CENTER>
<P>
<BR>
<P>
<a name="source">
<TABLE BORDER=0 WIDTH=500 CELLPADDING=3 CELLSPACING=0>
<tr><td BGCOLOR=yellow><font FACE="helvetica,arial,geneva"><b>JavaScript Source Code 3000:  Navigation:  Mixed Pulldown Menu Frameset</b>
<p>Simply click inside the window below, use your cursor to highlight the script, and copy (type Control-c or Apple-c) the script into a new file in your text editor (such as NotePad or SimpleText) and save (Control-s or Apple-s).  The script is yours!<br><br></font></td></tr>
<tr><td BGCOLOR=yellow ALIGN=CENTER>
<form NAME="copy">

<DIV align="center">
<input type=button value="Highlight All" onClick="javascript:this.form.txt.focus();this.form.txt.select();">&nbsp;&nbsp;&nbsp;&nbsp;
<INPUT TYPE="text" NAME="total" VALUE="Script Size:  0K  (281 bytes)" size="32">
</DIV>

<textarea NAME="txt" ROWS=20 COLS=75 WRAP=VIRTUAL>

<!-- TWO STEPS TO INSTALL MIXED PULLDOWN MENU (FRAMES):

   1.  Put the code into the FRAMESET of your frames HTML document
   2.  Be sure to give each frame a name:  name="left"  etc... -->

<!-- STEP ONE: Copy this code into the FRAMESET of your HTML document  -->

<FRAMESET cols="250,*">
<frame name="left" src="javascript:if(confirm('http://javascript.internet.com/navigation/leftframe.html  \n\nThis file was not retrieved by Teleport Pro, because the server reports that this file cannot be found.  \n\nDo you want to open it from the server?'))window.location='http://javascript.internet.com/navigation/leftframe.html'" /navigation/leftframe.html">
<frame name="right" src="javascript:if(confirm('http://javascript.internet.com/navigation/rightframe.html  \n\nThis file was not retrieved by Teleport Pro, because the server reports that this file cannot be found.  \n\nDo you want to open it from the server?'))window.location='http://javascript.internet.com/navigation/rightframe.html'" /navigation/rightframe.html">
</FRAMESET>

<!-- STEP TWO:  Be sure to give each frame a name:  name="left"  etc... -->

<!-- Script Size:  0K  (281 bytes) -->
</textarea><br></td></tr></form>



<tr><td BGCOLOR=yellow><font FACE="helvetica,arial,geneva"><b>JavaScript Source Code 3000:  Navigation:  Mixed Pulldown Menu (Frames)</b>
<p>Simply click inside the window below, use your cursor to highlight the script, and copy (type Control-c or Apple-c) the script into a new file in your text editor (such as NotePad or SimpleText) and save (Control-s or Apple-s).  The script is yours!<br><br></font></td></tr>
<tr><td BGCOLOR=yellow ALIGN=CENTER>
<form NAME="copy2">

<DIV align="center">
<input type=button value="Highlight All" onClick="javascript:this.form.txt.focus();this.form.txt.select();">&nbsp;&nbsp;&nbsp;&nbsp;
<INPUT TYPE="text" NAME="total" VALUE="Script Size:  1.71 KB  " size="24">
</DIV>

<textarea NAME="txt" ROWS=20 COLS=75 WRAP=VIRTUAL>

&lt;!-- THREE STEPS TO INSTALL MIXED PULLDOWN MENU (FRAMES):

   1.  Put this code in the HEAD of your pulldown menu HTML document
   2.  Add the last code into the BODY of your pulldown menu HTML document
   3.  Put whatever you want in the HTML document (rightframe.html) --&gt;

&lt;!-- STEP ONE: Put this in the HEAD of your menu HTML document  --&gt;

&lt;HEAD&gt;

&lt;SCRIPT LANGUAGE="JavaScript"&gt;

&lt;! &gt;
&lt;! &gt;

&lt;!-- Begin
function leapto(form) {
var uid = new Date().getTime(); // unique ID to name popup
var myindex=form.dest.selectedIndex; // number of selection
str = new String(form.dest.options[myindex].value); // value of selection
strarray = str.split(/\,/); // splits value on a comma

if (strarray[0] == "frame") // loads in frames
parent.right.location.href = strarray[1];
else // load in popup window
window.open(strarray[1], uid, "toolbars=0,scrollbars=0,location=0,statusbars=0,menubars=0"); 
myindex = 0; // reset pulldown menu
}
// End --&gt;
&lt;/SCRIPT&gt;

&lt;!-- STEP TWO: Put this code into the BODY of your HTML document  --&gt;

&lt;BODY&gt;

&lt;!-- Configure each item as a popup or frame item using the examples below --&gt;
&lt;CENTER&gt;
&lt;FORM NAME="myform"&gt;
&lt;SELECT NAME="dest" SIZE=1&gt;
&lt;OPTION VALUE="popup,http://javascriptsource.com" SELECTED&gt;Home Page (in popup)
&lt;OPTION VALUE="frame,http://buttons.javascriptsource.com"&gt;Buttons (in frame)
&lt;OPTION VALUE="frame,http://games.javascriptsource.com"&gt;Games (in frame)
&lt;OPTION VALUE="popup,http://messages.javascriptsource.com"&gt;Messages (in popup)
&lt;OPTION VALUE="frame,http://navigation.javascriptsource.com"&gt;Navigation (in frame)
&lt;OPTION VALUE="popup,http://user-details.javascriptsource.com"&gt;User Details (in popup)
&lt;/SELECT&gt;
&lt;INPUT TYPE="BUTTON" VALUE="Go" onClick="leapto(this.form)"&gt;
&lt;/FORM&gt;
&lt;/CENTER&gt;

&lt;!-- STEP THREE: Put anything in other HTML document (rightframe.html) --&gt;

 

&lt;!-- Script Size:  1.71 KB  --&gt;
</textarea><br><font FACE="helvetica,arial,geneva"></font></td></tr>

</table>
</form>
</FONT>
</CENTER>


</center>
</body></html>